.warp {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.warp-row {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.text {
	max-width: 100%;
	img {
		width: 100%;
	}
}

.tab-skeleton {
	.skeleton {
		background: #fff;
		padding: 14rpx 6rpx!important;
		.skeleton-rows {
			@include flexBox(space-between);
			.skeleton-row-item {
				margin: 0 8rpx;
				height: 56rpx;
				border-radius: 8rpx;
				width: 100%!important;
			}
		}
	}
	.goods-skeleton {
		.skeleton {
			background: #fff;
			padding: 20rpx 0!important;
			.square {
				border-radius: 8rpx;
			}
			.skeleton-rows {
				@include flexBox(space-between, null, column);
				margin-top: 10rpx;
				.skeleton-row-item {
					margin-top: 32rpx;
					border-radius: 8rpx;
					height: 30rpx;
					width: 100%!important;
				}
			}
		}
	}
}
.goods-skeleton {
	.skeleton {
		background: #fff;
		padding: 20rpx 0!important;
		.square {
			border-radius: 8rpx;
		}
		.skeleton-rows {
			.skeleton-row-item {
				margin-top: 30rpx;
				border-radius: 8rpx;
			}
		}
	}
}
.goods-skeleton-column {
	border-radius: 8rpx;
	overflow: hidden;
	margin-bottom: 20rpx;
	.skeleton {
		background: #fff;
		padding: 14rpx 14rpx!important;
		@include flexBox(null, null, column);
		.square {
			border-radius: 8rpx;
			margin-right: 0;
			margin-bottom: 20rpx;
		}
		.skeleton-rows {
			.skeleton-row-item {
				margin-top: 20rpx;
				border-radius: 8rpx;
			}
		}
	}
}

.scrollTop {
	width: 100rpx;
	height: 100rpx;
	background: rgba(255, 255, 255, 0.7);
	border: 2rpx solid #ebeae7;
	border-radius: 50%;
	position: fixed;
	right: -130rpx;
	top: 80vh;
	z-index: 1000;
	opacity: 0;
	transition: 0.5s;
	@include flexBox(center, center);
	&.show {
		opacity: 1;
		right: 30rpx;
	}
}
.backHome {
	width: 70rpx;
	height: 70rpx;
	background: rgba(255, 255, 255, 0.7);
	border: 2rpx solid #ebeae7;
	border-radius: 50rpx;
	position: fixed;
	right: 30rpx;
	bottom: 284rpx;
	z-index: 1000;
	@include flexBox(center, center);
	svg {
		width: 44rpx !important;
	}
}
// 判断iphoneX 将 footerBox 的 padding-bottom 填充到最底部
@supports (bottom: env(safe-area-inset-bottom)) {
	.scrollTop,
	.backHome {
		margin-bottom: env(safe-area-inset-bottom);
	}
}
